@import "./layout.scss";

// 公共按钮
@mixin btn($size: 14px, $color: #fff, $bgcolor: #f04752, $padding: 5px, $radius: 5px) {
    padding: $padding;
    background-color: $bgcolor;
    border-radius: $radius;
    border: 1px solid $bgcolor;
    font-size: $size;
    color: $color;
    text-align: center;
    line-height: 1;
    display: inline-block;
}

// flex布局 方向
@mixin list($direction: column) {
    @include flex($direction)
}

// 面板样式
@mixin panel($bgcolor:#fff,$padding: 0,$margin: 20px 0,$height: 112px,$txtPadding:0 32px,$color: #333,$fontSize:32px){
	background: $bgcolor;
	padding: $padding;
	margin: $margin;
	>h4{
		height: $height;
		line-height: $height;
		padding: $txtPadding;
		text-overflow:ellipsis;
		white-space: nowrap;
		overflow: hidden;
		text-align: center;
		color: $color;
		font-size: $fontSize;
	}
}